<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				background-color: #CCC;
			}
			div {
				font-weight: 700;
				font-size: 60px;
				color: #CCC;
			}
			div:first-child {
				text-shadow: 1px 1px 1px #000,
				-1px -1px 1px #FFF;
			}
			div:last-child {
				color: red;
			}
			.ao {
				text-shadow: -1px -1px 1px #000, 
				1px 1px 1px #FFF;
			}
		</style>
	</head>
	<body>
		<div class="tu">我是凸起的文字</div>
		<div class="ao">我是凹下的文字</div>
	</body>
</html>
